/*
  1:歌曲搜索接口
    请求地址:https://autumnfish.cn/search
    请求方法:get
    请求参数:keywords(查询关键字)
    响应内容:歌曲搜索结果

  2:歌曲url获取接口
    请求地址:https://autumnfish.cn/song/url
    请求方法:get
    请求参数:id(歌曲id)
    响应内容:歌曲url地址
  3.歌曲详情获取
    请求地址:https://autumnfish.cn/song/detail
    请求方法:get
    请求参数:ids(歌曲id)
    响应内容:歌曲详情(包括封面信息)
  4.热门评论获取
    请求地址:https://autumnfish.cn/comment/hot?type=0
    请求方法:get
    请求参数:id(歌曲id,地址中的type固定为0)
    响应内容:歌曲的热门评论
  5.mv地址获取
    请求地址:https://autumnfish.cn/mv/url
    请求方法:get
    请求参数:id(mvid,为0表示没有mv)
    响应内容:mv的地址
*/

var app = new Vue({
    el: "#player",
    data: {
        //查询歌曲
        query: "",
        //歌曲数组
        musicList: [],
        //音乐路径
        musicUrl:"",
        //专辑图片
        musicImg:"http://pic31.photophoto.cn/20140624/0007019944077411_b.jpg",
        //获取评论
        hotComments:[],
        //遮罩层显示
        isShow:false,
        //mv地址
        mvUrl:""
    },
    methods: {
        //搜索音乐
        searchMusic: function () {
            var that = this;
            axios.get("https://autumnfish.cn/search?keywords=" + this.query + "&t="
                + Date.now())
                .then(function (response) {
                    //console.log(response);
                    that.musicList = response.data.result.songs;
                    //console.log(response.data.result.songs);
                }, function (err) {
                });
        },
        //播放音乐
        playMusic: function (musicID) {
            var that = this;
            axios.get("https://autumnfish.cn/song/url?id="+musicID)
                .then(function (response) {
                      //console.log(response);
                      that.musicUrl = response.data.data[0].url;
                }, function (err) {

                });


            //封面获取
           axios.get("https://autumnfish.cn/song/detail?ids="+musicID
           +"&t="+Date.now())
               .then(function (response) {
                  // console.log(response);
                   that.musicImg=response.data.songs[0].al.picUrl;
               },function (err) {
               });

           //评论获取
            axios.get("https://autumnfish.cn/comment/hot?type=0&id="+musicID)
                .then(function (response) {
                    console.log(response);
                    that.hotComments=response.data.hotComments;
                },function (err) {

                })
        },
        //播放mv
        playMv:function (mvid) {
            var that=this;
            axios.get("https://autumnfish.cn/mv/url?id="+mvid)
                .then(function (response) {
                    console.log(response);
                    that.mvUrl=response.data.data.url;
                    that.isShow=true;
                },function (err) {

                })
        },
        //隐藏mv
        hide:function () {
            this.isShow=false;
        }
    }
})